<template>
    <el-menu :default-active="this.$route.path" class="el-menu-vertical-demo" :router="true"
        background-color="rgba(91, 107, 232, 0.15)" text-color="#5A6570" active-text-color="#5B6BE8" active-class="active-menu">
        <el-menu-item index="/index/shop">
            <el-icon>
                <House />
            </el-icon>
            首页
        </el-menu-item>
        <el-menu-item index="/index/product">
            <el-icon>
                <ChatSquare />
            </el-icon>
            库存管理
        </el-menu-item>
        <el-menu-item index="/index/withdrawal">
            <el-icon>
                <MostlyCloudy />
            </el-icon>
            采购管理
        </el-menu-item>
        <el-menu-item index="/index/typelist">
            <el-icon>
                <ShoppingTrolley />
            </el-icon>
            药品类别
        </el-menu-item>
        <el-menu-item index="/index/MarketOrders">
            <el-icon>
                <Shop />
            </el-icon>
            销售管理
        </el-menu-item>
        <el-menu-item index="/index/artorders">
            <el-icon>
                <Handbag />
            </el-icon>
            订单管理
        </el-menu-item>
        <el-menu-item index="/index/marquee">
            <el-icon>
                <Tickets />
            </el-icon>
            公告管理
        </el-menu-item>
        <el-menu-item index="/index/pay">
            <el-icon>
                <Money />
            </el-icon>
            缴费管理
        </el-menu-item>
        <el-menu-item index="/index/userlist" v-show="manager">
            <el-icon>
                <User />
            </el-icon>
            员工列表
        </el-menu-item>
    </el-menu>
</template>
<script>
    export default {
        data() {
            return {
                manager: window.sessionStorage.getItem("uauthority") == "2" ? true : false
            }
        }
    }
</script>
<style>
    .el-menu {
        display: flex;
        flex-direction: column;
        height: 80%;
    }

    .el-menu-item {
        flex-grow: 1;
        font-size: 17px;
    }

    /* 设置选中项的背景颜色 */
    .active-menu {
        background-color: #cce5ff;
    }
</style>